import { ResourceZoneContext } from './_context'
import useHooks from './hooks'
import ResourceZoneSearch from './components/ResourceZoneSearch'
import ResourceZoneTable from './components/ResourceZoneTable'

export default () => {
  const hooksData = useHooks()

  return (
    <ResourceZoneContext.Provider value={hooksData}>
      <div className='layout-main-conent'>
        <ResourceZoneSearch />
        <ResourceZoneTable />
        <div style={{ height: '600px' }} ref={hooksData.ceshidiv}></div>
      </div>
    </ResourceZoneContext.Provider>
  )
}
